<div id="search-area" class="logo-upload-btn-c">
    <div style="float:left;width:200px;">
        <button type="button" class="btn btn-primary upload-logo btn-w160-h30" style="width:160px;">+ {{i18n-addBrandLogo}}</button>
    </div>
</div>
<div class="logo-result-container">
</div>
<div class="page-container">
    <div class="ndp-page-wrapper" name="drop-page"></div>
</div>

<div class="modal fade" role="dialog" id="add-logo-dialog">
    <div class="modal-dialog modal-md modal-dialog-ndp">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal"> <span aria-hidden="true">×</span> </button> <span class="top-title">{{i18n-addBrandLogo}}</span> </div>
            <div class="modal-body" style="padding-top:40px;height:190px;">
                <div class="select-product-container choose-info">
                    <div class="ndp-drop-wrapper product-drop" name="product-drop"></div>
                    <div class="error-remainder">{{i18n-pleaseSelectWebsite}}</div>
                </div>
                <div class="add-logo-container upload-info">
                    <div>
                        <input type="file" id="file" name="file" accept=".ZIP,.zip" style="border:0px;height:32px;" />
                    </div>
                    <div class="error-remainder">{{i18n-pleaseSelectFile}}</div>
                    <div class="upload-result-c">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default btn-ok choose-info choose-logo">{{i18n-selectFile}}</button>
                <button class="btn btn-default btn-ok upload-info upload">{{i18n-upload}}</button>
                <button class="btn btn-outline btn-ok upload-info return">{{i18n-back}}</button>
            </div>
        </div>
    </div>
</div>


<!-- 受众详情 -->
<script type="text/x-template" id="element-group-each-t">
    <div class="element-group-each"  productId="<%=productId%>">
        <div class="product-info">
            <%=productName%>
        </div>
        <div class="logo-group-container">
            <div class="style-group-container f-style-group-container">
                <div class="element-group-style">
                    <div class="element-group-style-title">{{i18n-mainStyle}}</div>
                    <div class="element-color-select f-color-container">
                        <div class="element-color-select-title">{{i18n-color}}：</div>
                        <ul>
                            <li>
                                <div data-color="white" class="circle circle-white"></div>
                            </li>
                            <li>
                                <div data-color="gold" class="circle circle-gold"></div>
                            </li>
                            <li>
                                <div data-color="red" class="circle circle-red"></div>
                            </li>
                            <li>
                                <div data-color="black" class="circle circle-black"></div>
                            </li>
                            <li>
                                <div data-color="gray" class="circle circle-gray"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="element-img-container">
                    <ul class="f-container">

                    </ul>
                </div>
            </div>
            <div class="style-group-container">
                <div class="element-group-style">
                    <div class="element-group-style-title">{{i18n-helpStyle}}</div>
                    <div class="element-color-select s-color-container">
                        <div class="element-color-select-title">{{i18n-color}}：</div>
                        <ul>
                            <li>
                                <div data-color="white" class="circle circle-white"></div>
                            </li>
                            <li>
                                <div data-color="gold" class="circle circle-gold"></div>
                            </li>
                            <li>
                                <div data-color="red" class="circle circle-red"></div>
                            </li>
                            <li>
                                <div data-color="black" class="circle circle-black"></div>
                            </li>
                            <li>
                                <div data-color="gray" class="circle circle-gray"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="element-img-container">
                    <ul class="s-container">

                    </ul>
                </div>
            </div>
        </div>
        <div class="relate-template-container hide">
            <div style="display:flex"><div class="collapse-sign fold"></div> <span class="related-info"><%= templatInfo.relateInfo %></span></div>
            <div class="relate-templates hide">
                <ul>
                    <%  if (templatInfo.templates){
                            _.each(templatInfo.templates, function(template, i){ %>
                            <li>
                                <img class="template-img" src="<%= template.templateImg%>"/>
                            </li>
                    <%     })
                        }
                    %>
                </ul>
            </div>
        </div>
    </div>
</script>